﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <link href="./css/tie.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
    <title>Página Principal</title>
</head>
<body>
    <table id="form_canvas" class="MyMatrix_canvas">
        <tr>
            <td>
                <!-- HEADER CONTENT /-->
                <table id="MyMatrix_header" class="MyMatrix_header">
                    <!-- First header table row /-->
                    <tr>
                        <td id="MyMatrix_headerDate">
                            <div id="MyMatrix_header_currentdate">
                                <script type="text/javascript" src="scripts/date.js"></script>
                            </div>
                        </td>
                        <td id="MyMatrix_tracker" colspan="2">
                            <script src="scripts/writePath.js" type="text/javascript"></script>
                            <div style="float: right">
                                <a href="{{ URL }}">{{ URL_LinkText }}</a> {{User.nickname}}{{user}}</div>
                        </td>
                    </tr>
                    <!-- Second header table row /-->
                    <tr>
                        <td>
                            <div style="float: left;">
                                <img alt="" src="images/TieLogo.png" class="Logo" /></div>
                        </td>
                        <td>
                            <table class="boxNav" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td class="celNavLeft">
                                    </td>
                                    <td width="10px">
                                        &nbsp;
                                    </td>
                                    <td id="MyMatrix_menu_1" class="celNavMenu">
                                        <a href="/loadactivities">Actividades</a>
                                    </td>
                                    <td width="50">
                                        &nbsp;
                                    </td>
                                    <td id="Td2" class="celNavMenu">
                                        <a href="/loadroutes">Rotas</a>
                                    </td>
                                    <td width="10">
                                        &nbsp;
                                    </td>
                                    <td id="MyMatrix_menu_2" class="celNavMenu">
                                        <a href="/loadentities">Entidades</a>
                                    </td>
                                    <td width="10">
                                        &nbsp;
                                    </td>
                                    <td id="MyMatrix_menu_3" class="celNavMenu">
                                        <a href="/loadcontacts">Contactos</a>
                                    </td>
                                    <td width="10">
                                        &nbsp;
                                    </td>
                                    <td class="celNavRight">
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td style="vertical-align:bottom;text-align:right">
                            <img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" alt="Powered by Google App Engine" />                                
                        </td>
                    </tr>
                </table>
                <!-- BODY CONTENT /-->
                <table id="MyMatrix_body" class="MyMatrix_body">
                    <tr>
                        <td>
                            <div id="content">
                                <table>
                                    <tr>
                                        <td valign="top">
                                            <span class="title">Bem-vindo ao Tie</span>
                                            <br />
                                            <br />
                                            <span class="titleHighlight">Seleccione em baixo a opção pretendida para começar a gerir
                                                os seus contactos e actividades.</span>
                                            <br />
                                            <br />
                                        </td>
                                    </tr>
                                </table>
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td class="celSepHColorLeft" />
                                        <td class="celSepHColorCenter" />
                                        <td class="celSepHColorRight" />
                                    </tr>
                                </table>
                                <br />
                                <br />
                                <table style="width: 100%; height: 400px; text-align: center;">
                                    <tr style="vertical-align: middle;">
                                        <td>
                                            <a href="/loadactivities" style="text-decoration: none">Actividades<br />
                                                <img style="width: 70px; height: 70px; border-style: none" src="images/Activities.png" />
                                            </a>
                                        </td>
                                        <td>
                                            <a href="/loadroutes" style="text-decoration: none">Rotas<br />
                                                <img style="width: 70px; height: 70px; border-style: none" src="images/Route.png" />
                                            </a>
                                        </td>
                                        <td>
                                            <a href="/loadentities" style="text-decoration: none">Entidades<br />
                                                <img style="width: 70px; height: 70px; border-style: none" src="images/Entities.png" />
                                        </td>
                            </a>
                        </td>
                        <td>
                            <a href="/loadcontacts" style="text-decoration: none">Contactos<br />
                                <img style="width: 70px; height: 70px; border-style: none" src="images/Contacts.png" />
                            </a>
                        </td>
                    </tr>
                </table>
                <!-- FOOTER CONTENT -->
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="Td1" class="MyMatrix_footer">

                            <script src="scripts/PageLayout.js" type="text/javascript"></script>

                        </td>
                    </tr>
                </table>
                <!-- BASEBOARD-->
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="boxBaseboard">
                    <tr>
                        <td class="baseboard_left">
                            &nbsp;
                        </td>
                        <td class="baseboard_center">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="baseboard_txt">
                                <tr>
                                    <td style="text-align: left; width: 140px;">
                                        <img src="images/IPCALogo.png" alt="IPCA Logo" />
                                    </td>
                                    <td>
                                        <b>(Nuno Queirós - António Antunes - Miguel Barroso)
                                            <br />

                                            <script type="text/javascript" src="./Scripts/Year.js"></script>

                                            © IPCA</b> . Todos os Direitos Reservados.
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td class="baseboard_right">
                            &nbsp;
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
